<template>
  <div class="main_func" id="func_box">
    <div class="func_list">
      <div>
        <BaseMapChange />
      </div>
      <div>
        <ProjectView />
      </div>
      <div>
        <DiagnosisView />
      </div>
    </div>
  </div>
</template>

<script setup>
import BaseMapChange from './BaseMapChange.vue'
import ProjectView from './ProjectView.vue'
import DiagnosisView from './DiagnosisView.vue'
</script>
<style scoped>
/* 专题图外框样式 */
#func_box {
  top: 55px;
  right: 20px;
  padding: 5px;
  position: absolute;
  z-index: 999;
  background: url('@/assets/images/k.png') 0px 0px / 100% 100% no-repeat;
  height: 351px;
}
#func_box .func_list {
  width: 285px;
  padding: 6px;
  z-index: 9;
  background-color: #0a163cc9;
  border: 2px solid #80eeff;
  color: #80eeff;
  overflow-y: auto;
  /* overflow-x: hidden; */
  height: 100%;
  overflow: hidden;
}
</style>
